@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}









body {
	
	background:url(../images/lgrey040.jpg); /*http://www.grsites.com/*/
	background-repeat:repeat-x repeat-y;
}

#wrapper {
	margin: 0 auto;
	padding-top:0;
	width:90%;
	height:100%;
	min-width:1190px;
	
}

#wrapper h1 {
    margin:1% 0px;
    font-size:120%;
}


#banner {
	width: 100%;
	height: 3%;
	margin:1% auto;
}

.line {
	width:100%;
	height:3px;
	margin:0 auto;
	background-color:#FF0000;	
	clear:both;
        border-radius:25px;
}
.line1 {
	width:100%;
	height:2px;
	margin:10px 0;
	background-color:#000000;	
	clear:both;
        border-radius:25px;
}

#content {
	width: 100%;
	margin: 2% auto;	
	clear:both;
}


#menu {
	background-color:#666666;
        box-shadow: 5px 12px 8px #393939;
        border-radius: 25px;
        border: 2px solid #aaaaaa;
}

#menu ul ul {
	display: none;
	z-index:100;
}

#menu ul li:hover > ul {
	display: block;
        border-radius: 25px;
}

#menu ul {
	padding: 0 2%;
	list-style: none;
	position: relative;
	display: inline-table;
        border-radius: 25px;
        
}
#menu ul a.active{
	background-color:#F00;
	color:#000;
        
        border-radius: 25px;
}
#menu>ul>li {
	float: left;
	margin:0 15px;
        border-radius: 25px;
}
#menu ul li:hover {
	background-color:#CCC;	
        border-radius: 25px;
}


#menu ul li:hover >a {
	color: #000;
}

#menu>ul>li>a:active {
	color: #FF0;
	background-color:#f00;
        border-radius: 25px;
}

#menu ul li>a {
	display: block; 
	padding: 15px 40px;
	color:#FFFFFF;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	font-weight:bold;
        
}



#menu ul ul {
	/*background-color:#666666;*/
	border-radius: 0px; 
	padding: 0;
	position: absolute; 
	top: 100%;
       
}

#menu ul ul li {
	float: none; 
        background-color:#666666;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
        border-radius: 25px;
}
#menu ul ul li a {
	padding: 15px 40px;
        border-radius: 25px;
}	

#menu ul ul li a:hover {
	background: #ccc;
}
#menu ul ul li a:active {
	background: #f00;
	color:#ff0;
}


.flip {
	padding:0.5%;
	text-align:center;
	background-color:#666666;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	font-size:20px;
	border-top:solid 1px #CCC;
        border-radius: 25px;
}
.panel {
	padding:50px;
	display:none;
	text-align:center;
	color:#000;
}

.flip:hover {
	background-color:#ccc;
	color:#000000;
	cursor:pointer;
}

.flip:active {
	color:#FF0;
	background-color:#F00;
	cursor:pointer;
}

.fadein { 
	position:relative;
	height:480px; 
	width:640px; 
	margin: 2% auto;
	max-width: 100%;
	border:solid 2px #f00;
        box-shadow: 9px 12px 7px #303030;
        border-radius: 45px;
}
.fadein img { 
	position:absolute; 
	left:0; 
	top:0; 
        border-radius: 45px;
}


#copyright {
	margin: 1.1% auto;	
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	color:#000;
}

#text {
	margin: 1.1% auto;	
	width: 95%;
	font-family:"Oswald", sans-serif;
	font-size:21px;
}

#text p, #text ul {
	margin: auto;	
	margin-bottom:1%;
	width: 95%;
	line-height:120%;
}


#nav {
	width:100%;	
	color:#F00;
	margin:0.1% auto;
}

#tabs ul {
	
}

#tabs li {
	display:inline;

}

#tabs a {
	text-decoration:none;

}

#nav a {
	display:inline-block;	
}

.ui-state-default, .ui-state-default a {
	background-color:#666666;
	color:#FFF;	
	padding:0.5%;
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	font-size:20px;
        border-radius: 25px;
}
.ui-state-hover, .ui-state-hover a {
	background-color:#ccc;
	color:#000;	
}

.ui-state-active, .ui-state-active a {
	background-color:#F00;
	color:#000;	
}

.ui-state-default:active, .ui-state-default a:active {
	background-color:#F00;
	color:#FF0;	
}

.customers {
	width:285px;
	height:150px;
	float:left;
	margin:20px 40px;	
}

.productsbanner {
	width:240px;
	height:120px;
}

#contactInfo td {
	padding:10px;
}

#content>a img {
	width:300px;
	height:150px;
	margin-bottom:1%;
}

.tabmember {
 margin-top:4px;	
}

.error {
	color: #FF0000;
	font-size:14px;
}